<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 
			使用cdn上的jQuery库 
			可以加速客户页面的打开
			
			CDN全称Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容，解决 Internet网络拥挤的状况，提高用户访问网站的响应速度。

			CND加速主要是加速静态资源，如网站上面上传的图片、媒体，以及引入的一些Js、css等文件。
		
			CND加速需要依靠各个网络节点，例如100台CDN服务器分布在全国范围，从上海访问，会从最近的节点返回资源，这是核心。
		 -->
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		
		<script>
			$(function(){
				
				$("#div01").click(function(){
					console.log(this+"被点击了");
				
				});
				
				$("#div02").mouseenter(function(){
					console.log(this+"鼠标进入");
					// this.innerHtml = "鼠标进入";// dom方法
					$(this).html("鼠标进入");
				});
				
				$("#div02").mouseleave(function(){
					console.log(this+"鼠标进入");
					// this.innerHtml = "鼠标进入";// dom方法
					$(this).html("鼠标移出");
				});
				
				$("#input1").focus(function(){
					console.log("获得焦点");
				});
				
				$("#input1").blur(function(){
					console.log("失去焦点");
				});
			});
		</script>
		<style>
			div{
				width: 200px;
				height: 80px;
				background-color: lightblue;
				margin: 10px;
			}
			
			.c1{
				background-color: red;
			}
			.c2{
				color: blue;
			}
		</style>
	</head>
<body>
		<div id="div01"></div>
		<div id="div02"></div>
		<div id="div03"></div>
		<div id="div04"></div>
		
		<input type="checkbox" id="chk1">
		<input type="checkbox" id="chk2">
		<input type="checkbox" id="chk3">
		
		<input type="text" id="input1" value="xxxxx" />
		
		<p>
			
<!-- 
练习: 
1. 测试使用jQuery给元素添加的各种事件
鼠标事件	键盘事件	表单事件	文档/窗口事件
click	keypress	submit	load
dblclick	keydown	change	resize
mouseenter	keyup	focus	scroll
mouseleave
blur	unload
hover 

2. 
编写一个用户注册页面,使用jQuery对用户的输入进行校验
* 用户名  长度6-20  如果不符合，在后面提示问题
* 密码    长度>=6  显示密码强度  弱中强  （如果为弱则不可以提交表单)
* 重复密码
* 电话
* 邮箱
* 性别
* 爱好

-->
  
		</p>
	</body>
</html>
